// @import "weatherNav";
.main-box {
    display: flex;
    max-height: calc(100% - 32px);
    .left-box{
        flex: 1;
        display: flex;
        flex-direction: column;
        .title-box{
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: #fff;
        }
        #map{
            flex: 1;
            width: 100%;
        }
    }
    .right-box{
        display: flex;
        flex-direction: column;
        max-width: 460px;
        min-width: 460px;
        padding-left: 20px;
        .warning-box{
            background: none;
            ul{
                height: 200px;
                overflow-y: scroll;
                &::-webkit-scrollbar {
                    display:none                    
                }
                li{
                    display: flex;
                    justify-content: space-between;
                    margin: 7px;
                    font-size: 14px;
                    color: #F29961;
                    a{
                        color: #12B9BD;
                    }
                }
            }
        }
        .warning-city{
            flex: 1;
            display: flex;
            flex-direction: column;
            overflow: hidden;
            background: none;
            .warning-list{
                width: 100%;
                flex: 1;
                overflow-y: scroll;
                &::-webkit-scrollbar {
                    display:none                    
                }
                ul{
                  height: 100%;
                }
                li{
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    width: 100%;
                    height: 60px;
                    margin-top: 10px;
                    padding: 0 20px;
                    border-radius: 6px;
                    color: #fff;
                    background-color:rgba(64, 127, 255, .2);
                    img{
                        width: 36px;
                    }
                }
            }
        }
    }
}